//  导入插件
const buttonPlugins = ['codesample', 'noneditable', 'image', 'lists', 'textpattern', 'fullscreen', 'paste']
// atwho

// 导入工具栏
// const toolbar = 'codesample bold italic underline forecolor image link bullist numlist searchreplace fullscreen | customInsertButton customFlagButton'
const toolbar = 'image customInsertButton codesample bold italic underline'

// 初始化配置
export const init = {
  cleanup: true,
  language_url: import.meta.env.VITE_PUBLIC_PATH + '/tinymce/langs/zh_CN.js', // 引入语言包文件
  language: 'zh_CN', // 语言类型
  // content_css: true,
  skin_url: import.meta.env.VITE_PUBLIC_PATH + '/tinymce/skins/ui/oxide', // 皮肤：浅色
  // skin_url: '/tinymce/skins/ui/oxide-dark',//皮肤：暗色

  plugins: buttonPlugins, // 插件配置
  toolbar: toolbar, // 工具栏配置，设为false则隐藏
  file_picker_types: 'file', // 文件选择器类型

  menubar: false, // 菜单栏配置，设为false则隐藏，不配置则默认显示全部菜单，也可自定义配置--查看 http://tinymce.ax-z.cn/configure/editor-appearance.php --搜索“自定义菜单”
  fontsize_formats: '12px 14px 16px 18px 20px 22px 24px 28px 32px 36px 48px 56px 72px', // 字体大小
  font_formats: '微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;', // 字体样式 微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif, 宋体=simsun,serif,仿宋体=FangSong,黑体=SimHei,Arial=arial,
  lineheight_formats: '0.5 0.8 1 1.2 1.5 1.75 2 2.5 3 4 5', // 行高配置，也可配置成"12px 14px 16px 20px"这种形式
  branding: false, // tiny技术支持信息是否显示
  resize: false, // 编辑器宽高是否可变，false-否,true-高可变，'both'-宽高均可，注意引号
  statusbar: true,  // 最下方的元素路径和字数统计那一栏是否显示
  elementpath: false, // 元素路径是否显示
  icons: 'custom',
  icons_url: import.meta.env.VITE_PUBLIC_PATH + '/tinymce/icons/custom/icons.js',
  // icons: 'custom',
  // icons_url: '/tinymce/icons/custom/icons.js',
  noneditable_noneditable_class: 'teacher-zone-disabled-edit',

  // content_style: 'p {margin-block-start: 0; margin-block-end: 0; color: #606D81; font-size: 14px;}; table { border: 1px}', // 直接自定义可编辑区域的css样式
  content_css: import.meta.env.VITE_PUBLIC_PATH + '/tinymce/index.css', // 以css文件方式自定义可编辑区域的css样式，css文件需自己创建并引入

  paste_data_images: true, // 图片是否可粘贴
  paste_as_text: true,
  force_p_newlines: false,
  force_br_newlines: true,
  convert_newlines_to_brs: false,
  remove_linebreaks: true,
  setup: editor => {
    editor.ui.registry.addButton('customInsertButton', {
      icon: 'screenshot',
      tooltip: '插入视频截屏',
      onAction: function(_) {
        console.log(_)
      }
    })
    // editor.ui.registry.addButton('customFlagButton', {
    //   icon: 'timeFlag',
    //   tooltip: '插入时间标记',
    //   onAction: function (_) {
    //
    //   }
    // })
  }
}

